.navbar .navbar-collapse
  display: block

ul.navbar-nav > li
  float: left
  transition: background 0.3s
  a
    padding: 20px 20px
    display: block
    line-height: 20px
    &::before{
      display: block;
      cotent: " ";
      width: 100px;
      height: 100px;
      background: $dark;
    }
  &.user-dropdown
    margin-left: 20px
    &:hover{
      background: none;
    }
  a
    padding: 12px 10px
    &:hover{
      background: $lightDark;
    }
    img
      vertical-align: middle
      margin-right 3px
      width: 36px
      height: 36px

.navbar-form
  .form-group
    padding: 3px 5px
    margin-bottom 0
    .btn.search-btn
      padding: 5px 15px
      vertical-align: top
      height: 40px
      margin-left: -6px
      cursor: pointer;
      border-color: $lightDark;
      color: $silverDark;
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important;
      &:hover{
      }
    .form-control
      height: 40px;
      padding: 8px
      width auto;
      &:hover + .input-group-btn .btn.search-btn{
        border-color: $grayLight;
      }
      &:focus + .input-group-btn .btn.search-btn{
        border-color: $blue
      }

.dropdown-menu
  display: none
.open > .dropdown-menu{
  display: block
}

.dropdown
  position: relative
  z-index: 10000000
  &.horizontal{
    position: static;
  }
  &.open
    > .dropdown-menu
      display: block

ul.navbar-nav, ul.dropdown-menu{
  padding: 0
  margin: 0
}


.dropdown-menu{
  position: absolute
  top: 100%
  margin-top: 1px;
  left:0
  width: auto
  min-width: 100%;
  line-height: 1.5
  padding : 3px 4px
  background: $white
  z-index:10000000000;
  box-shadow: 0 3px 6px 1px rgba(211, 220, 230, 0.67);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  .right-dropdown & {
    left: auto;
    right: 4px;
  }
  .user-dropdown & {
    left: auto;
    right: 0;
  }
  .horizontal & {
    width: 100%;
    position: absolute;
    text-align: center;
    background: $silverLight;
    li{
      display: inline-block;
    }
  }
  li{
    width: 100%;
    text-align: left;
    &.divider{
      padding: 0;
      margin: 5px 0;
      border-top: 1px solid $lightDark;
    }
    a{
      width: 100%;
      padding: 5px 20px
      white-space nowrap
      display: block
      color: $silver
      &:hover{
        background: $light
      }
    }
  }
}
ul.navbar-nav > li, ul.dropdown-menu li{
  list-style none
}
.navbar-nav>li>.dropdown-menu>li>a{
  min-width 125px;
}
